<style>
#app-box{
background: #30fffb; /* Old browsers */
background: -moz-linear-gradient(top,  #30fffb 1%, #28d6d3 37%, #28d6d6 56%, #8cedff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#30fffb), color-stop(37%,#28d6d3), color-stop(56%,#28d6d6), color-stop(100%,#8cedff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #30fffb 1%,#28d6d3 37%,#28d6d6 56%,#8cedff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #30fffb 1%,#28d6d3 37%,#28d6d6 56%,#8cedff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #30fffb 1%,#28d6d3 37%,#28d6d6 56%,#8cedff 100%); /* IE10+ */
background: linear-gradient(top,  #30fffb 1%,#28d6d3 37%,#28d6d6 56%,#8cedff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30fffb', endColorstr='#8cedff',GradientType=0 ); /* IE6-9 */

padding:10px;
}
.tile{
border-radius: 2px;
box-shadow: 0 0 3px #111;
height:150px;
cursor:pointer;
}
#app-box{
border-radius:0 0 5px 5px;
box-shadow:0 0 5px #000;

}

</style>
<div class="row">
<div class="span13" style="background:black;color:white">Quick Nav
 <a href="#" id="expand">Expand</a>
</div>
</div>

<div id="app-box">
<div class="row">
<div class="span4 tile" style="background:orange;" id="msg_widget"></div>
<div class="span4 tile" style="background:blue;" id="wbn_widget">
<h4>Lattest Webinar</h4>

lalalalalalal<br>
lalalalalalal<br>
lalalalalalal<br>

</div>
<div class="span4 tile" id="frm_widget" style="background:orange;">
Forum

</div>
</div>
<div class="row">


</div>



</div>
<div id="app-container" style="padding : 10px;">

</div>
<script>
$(document).ready(function(e){
$('#msg_widget').load('<?php echo base_url()?>message/msg_widget');
$('#expand').click(function(e){
$('#app-box').slideToggle({easing:'easeOutCubic'});
});


$('#msg_widget').click(function(e){
$('#app-container').delay(5000).load('<?php echo base_url()?>message');
$('#app-box').slideUp({easing:'easeOutCubic'});

});

$('#frm_widget').click(function(e){
$('#app-container').delay(5000).load('<?php echo base_url()?>forum');
$('#app-box').slideUp({easing:'easeOutCubic'});

});
});

</script>